//flex 布局和 子元素 对其方式
@mixin fj($type: space-between) {
    display: flex;
    justify-content: $type;
}

//子元素视图居中
@mixin flex($justify: center, $align: center, $direction:row) {
    display: flex;
    justify-content: $justify;
    align-items: $align;
    flex-direction: $direction;
}

//子元素视图居中
@mixin flex-v( $align: flex-start) {
    display: flex;
    align-items: $align;
    justify-content: center;
    flex-direction: column;
}

//子元素视图水平居中
@mixin flex-h( $justify: center) {
    display: flex;
    justify-content: $justify;
    flex-direction: row;
}